<?xml version="1.0"?>
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta name="generator" content="eZ Components; http://ezcomponents.org"/>
    <title>Grid tables</title>
  </head>
  <body>
    <h1>
      <a name="grid_tables">Grid tables</a>
    </h1>
    <table>
      <thead>
        <tr>
          <td>
            <p>Header row, column 1   </p>
          </td>
          <td>
            <p>Header 2   </p>
          </td>
          <td>
            <p>Header 3 </p>
          </td>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>
            <p>body row 1, column 1   </p>
          </td>
          <td>
            <p>column 2   </p>
          </td>
          <td>
            <p>column 3 </p>
          </td>
        </tr>
        <tr>
          <td>
            <p>body row 2             </p>
          </td>
          <td colspan="2">
            <p>Cells may span        </p>
          </td>
        </tr>
      </tbody>
    </table>
    <table>
      <thead>
        <tr>
          <td>
            <p>Header row, column 1    (header rows optional) </p>
          </td>
          <td>
            <p>Header 2   </p>
          </td>
          <td>
            <p>Header 3 </p>
          </td>
          <td>
            <p>Header 4 </p>
          </td>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>
            <p>body row 1, column 1   </p>
          </td>
          <td>
            <p>column 2   </p>
          </td>
          <td>
            <p>column 3 </p>
          </td>
          <td>
            <p>column 4 </p>
          </td>
        </tr>
        <tr>
          <td>
            <p>body row 2             </p>
          </td>
          <td colspan="3">
            <p>Cells may span columns.          </p>
          </td>
        </tr>
        <tr>
          <td>
            <p>body row 3             </p>
          </td>
          <td rowspan="2">
            <p>Cells may   span rows. </p>
          </td>
          <td rowspan="2" colspan="2">
            <p>- Table cells       </p>
            <p>- contain           </p>
            <p>- body elements.    </p>
          </td>
        </tr>
        <tr>
          <td>
            <p>body row 4             </p>
          </td>
        </tr>
        <tr>
          <td>
            <p>body row 5             </p>
          </td>
          <td rowspan="2" colspan="3">
            <p>Cells may span rows <em>and</em>        </p>
            <p>columns.                         </p>
          </td>
        </tr>
        <tr>
          <td>
            <p>body row 6             </p>
          </td>
        </tr>
      </tbody>
    </table>
    <table>
      <thead>
        <tr>
          <td>
            <p>row 1, col 1 </p>
          </td>
          <td>
            <p>column 2 </p>
          </td>
          <td>
            <p>column 3  </p>
          </td>
          <td>
            <p>column 4  </p>
          </td>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td/>
          <td/>
          <td/>
          <td/>
        </tr>
        <tr>
          <td>
            <p>row 2        </p>
          </td>
          <td colspan="3">
            <p>             +---+               </p>
          </td>
        </tr>
        <tr>
          <td>
            <p>row 3        </p>
          </td>
          <td>
            <p>         </p>
          </td>
          <td>
            <p>   +===+  </p>
          </td>
          <td>
            <p>          </p>
          </td>
        </tr>
      </tbody>
    </table>
    <table>
      <thead>
        <tr>
          <td>
            <p>row 1, col 1 </p>
          </td>
          <td>
            <p>column 2 </p>
          </td>
          <td>
            <p>column 3  </p>
          </td>
          <td>
            <p>column 4  </p>
          </td>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td/>
          <td/>
          <td/>
          <td/>
        </tr>
        <tr>
          <td rowspan="2">
            <p>row 2         text...       text...      </p>
          </td>
          <td rowspan="2" colspan="2">
            <p>Content </p>
            <blockquote>
              <p>-----------</p>
            </blockquote>
          </td>
          <td>
            <ul>
              <li/>
            </ul>
          </td>
        </tr>
        <tr>
          <td>
            <p class="lineblock">        
<br/></p>
          </td>
        </tr>
      </tbody>
    </table>
    <table>
      <thead>
        <tr>
          <td>
            <p>row 1, col 1 </p>
          </td>
          <td>
            <p>column 2 </p>
          </td>
          <td>
            <p>column 3  </p>
          </td>
          <td>
            <p>column 4  </p>
          </td>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td/>
          <td/>
          <td/>
          <td/>
        </tr>
        <tr>
          <td>
            <p>row 2        </p>
          </td>
          <td colspan="2">
            <p>Use the command ``ls </p>
          </td>
          <td>
            <p>more``.   </p>
          </td>
        </tr>
        <tr>
          <td>
            <p>row 3        </p>
          </td>
          <td>
            <p>         </p>
          </td>
          <td>
            <p>          </p>
          </td>
          <td>
            <p>          </p>
          </td>
        </tr>
      </tbody>
    </table>
    <table>
      <thead>
        <tr>
          <td>
            <p>row 1, col 1 </p>
          </td>
          <td>
            <p>column 2 </p>
          </td>
          <td>
            <p>column 3  </p>
          </td>
          <td>
            <p>column 4  </p>
          </td>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td/>
          <td/>
          <td/>
          <td/>
        </tr>
        <tr>
          <td>
            <p>row 2        </p>
          </td>
          <td colspan="3">
            <p> Use the command <code>ls | more</code>.  </p>
          </td>
        </tr>
        <tr>
          <td>
            <p>row 3        </p>
          </td>
          <td>
            <p>         </p>
          </td>
          <td>
            <p>          </p>
          </td>
          <td>
            <p>          </p>
          </td>
        </tr>
      </tbody>
    </table>
    <table>
      <thead>
        <tr>
          <td>
            <p>row 1, col 1 </p>
          </td>
          <td>
            <p>column 2 </p>
          </td>
          <td>
            <p>column 3  </p>
          </td>
          <td>
            <p>column 4  </p>
          </td>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td/>
          <td/>
          <td/>
          <td/>
        </tr>
        <tr>
          <td>
            <p>row 2        </p>
          </td>
          <td colspan="3">
            <p>Use the command <code>ls | more</code>.   </p>
          </td>
        </tr>
        <tr>
          <td>
            <p>row 3        </p>
          </td>
          <td>
            <p>         </p>
          </td>
          <td>
            <p>          </p>
          </td>
          <td>
            <p>          </p>
          </td>
        </tr>
      </tbody>
    </table>
  </body>
</html>
